<title>修改安全保护问题</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="#(assets)/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="#(assets)/js/app.js"></script>
<script type="text/javascript" src="#(assets)/js/layer/layer.js"></script>
<style> 
	*{margin:0;padding:0;}
	body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
	li{list-style-type:none;}
	select,input{-webkit-appearance:none;border:0px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   
	}
	.layui-layer-btn0{background-color:#f1f1f1 !important;color:#333 !important;border-color:#f1f1f1 !important}
	.layui-layer-btn1{background-color:#2e8ded !important;color:#fff !important;border-color:#2e8ded !important}
</style>
#@checkToken() 
<body bgcolor="#f4f5f9" style="margin:0px;">
<div align=center>
	<div style="width:90%;margin-top:10px;height:100px;"> 
		<div align="left" style="float:left;width:96%;padding-left:2%;font-size:12px;line-height:20px;">
			<a style="color:#666">
				安全保护问题可用于找回登录密码，并提升账户安全性。<br>
				安全保护问题是您账户重要的身份验证方式，请务必仔细填写并记牢答案。<br>
				您填写的信息经系统加密，绝不外泄，请放心填写。
			</a>
		</div>
	</div>
	<div  align="left" style="clear:both;background:#fff;height:50px;line-height:50px;width:100%;margin-top:10px;"> 
		<select id="question" style="color:#666;padding-left:20px;height:50px;width:100%;font-size:16px;border:0px;"   />
			  <option value ="1">请选择安全问题</option>
			  <option value ="问题1：您父亲的生日是几月几日？">问题1：您父亲的生日是几月几日？</option>
			  <option value ="问题2：您母亲的生日是几月几日？">问题2：您母亲的生日是几月几日？</option>
			  <option value ="问题3：您就读的高中全称叫什么？">问题3：您就读的高中全称叫什么？</option>
			  <option value ="问题4：您就职的第一家公司叫什么名称？">问题4：您就职的第一家公司叫什么名称？</option>
			  <option value ="问题5：您高中的班主任姓氏是什么？">问题5：您高中的班主任姓氏是什么？</option>
		</select>
	</div> 
	<div id="answerq" align="left" style="clear:both;background:#fff;height:50px;line-height:50px;width:100%;margin-top:10px;"> 
		<input placeholder="验证问题答案" id="answer" style="color:#666;padding-left:20px;height:50px;width:100%;font-size:16px;border:0px;"   />
	</div>
	<div id="answerp" hidden align="left" style="clear:both;background:#fff;height:50px;line-height:50px;width:100%;margin-top:10px;"> 
		<input placeholder="请填写问题答案" id="answers" style="color:#666;padding-left:20px;height:50px;width:100%;font-size:16px;border:0px;"   />
	</div> 
	
	<div id="next" style="position:fixed;bottom:100px;width:90%;margin-left:5%;color:#fa3048;border:2px solid #fa3048;height:40px;line-height:40px;border-radius:8px;">确认提交</div>
	<div id="next2" hidden style="position:fixed;bottom:100px;width:90%;margin-left:5%;color:#fa3048;border:2px solid #fa3048;height:40px;line-height:40px;border-radius:8px;">确认提交</div>
	
	<script> 
	$(document).ready(function(){		
		$("#next").click(function(){
			var question = $("#question").val();
			var answer = $("#answer").val();
			if(question == 1){
				layer.msg("请选择安全问题！",{icon:2,time:1000}); 
			}else if(answer==""){
				layer.msg("请填写问题答案！",{icon:2,time:1000}); 
			}else{ 
				$.getJSON("#(path)/user/checkAuthQuestion?token=#(session.token??)&question="+question+"&answer="+answer, function(datainfo) {
					if(datainfo.code=='success'){
						layer.confirm('安全问题验证成功！', {
						  btn: ['取消安全问题','重置问题'] //按钮
						}, function(){
						  //取消安全问题layer.msg('的确很重要', {icon: 1}); 
						}, function(){
							$("#answerp").show();
							$("#answerq").hide();
							$("#next").hide();
							$("#next2").show();
							$("#question").val(1);
							$("#next2").click(function(){
								var question = $("#question").val();
								var answers = $("#answers").val();
								if(question==1){
									layer.msg("请选择安全问题！",{icon:2,time:1000}); 
								}else if(answers==""){
									layer.msg("请填写问题答案！",{icon:2,time:1000}); 
								}else{
									$.getJSON("#(path)/user/setAuthQuestion?token=#(session.token??)&question="+question+"&answer="+answers, function(datainfo) {
										if(datainfo.code=='success'){
											layer.msg(datainfo.msg,{icon:1,time:2000},function(){ 
												window.location.href="#(path)/app/page/personal-account";
											});
										}else{
											layer.msg(datainfo.msg,{icon:2,time:1000}); 
										}
									});
								}
							});
						});
					}else{ 
						layer.msg(datainfo.msg,{icon:2,time:1000}); 
					}
				});
			}
		});
	});
	</script>
</body>